<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>智慧工地动火管理</title>
    <link rel="shortcut icon" href="../static/img/images/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="../static/css/style/style.css">
    <link rel="stylesheet" type="text/css" href="../static/css/style/index.css">
    <link rel="stylesheet" type="text/css" href="../static/css/common/swiper.min.css">
	<!-- <link rel="stylesheet" type="text/css" href="../static/css/common/swiper-bundle.min.css"> -->
    <link rel="stylesheet" type="text/css" href="../static/js/layui/css/layui.css">
</head>

<body>
    <div class="app">
        <div class="header">
            <div class="header-content">
                <div class="header-content-left">
                    <img src="../static/img/images/icon1.png" alt="">
                    <p id="week"></p>
                    <div class="header-line"></div>
                    <p id="curdate"></p>
                    <p id="curtime"></p>
                    <img src="../static/img/images/icon2.png" alt="">
                    <p id="community"></p>
                </div>
                <div class="header-content-right">
                    <img src="../static/img/images/icon3.png" alt="">
                    <p id="temp"></p>
                    <div class="header-line"></div>
                    <p id="weather"></p>
                    <img src="../static/img/images/icon4.png" alt="">
                    <p id="orgname" title="用户名"></p>
                    <div onclick="window.location.href = 'site.html'">后台管理</div>
                    <p style="margin-left: 0.18rem;" id="logout">注销</p>
                    <div class="header-msg help" style="display: flex; cursor: pointer; justify-content: center;align-items: center;" title="帮助文档" onclick="window.open('../static/pdf/help.pdf')">
                    	<img style="width: 0.18rem;height: 0.18rem; margin-left: 0.06rem; margin-right: 0.06rem;" src="../static/img/home/help.png" alt=""><span>帮助</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="main">
            <div class="viewbox-left">
                <div class="viewbox-left-index viewbox-left-box">
                    <div class="left-index-top animation-from-left">
                        <div class="index-top-item">
                            <div> <img src="../static/img/images/icon7.png"></div>
                            <div>
                                <span>接入</span>
                                <span>工地</span>
                            </div>
                            <div></div>
                        </div>
                        <div class="index-top-item">
                            <div> <img src="../static/img/images/icon8.png"></div>
                            <div>
                                <span>动火</span>
                                <span>待审批</span>
                            </div>
                            <div></div>
                        </div>
                        <div class="index-top-item">
                            <div> <img src="../static/img/images/icon9.png"></div>
                            <div>
                                <span>设备</span>
                                <span>总数</span>
                            </div>
                            <div></div>
                        </div>
                        <div class="index-top-item">
                            <div> <img src="../static/img/images/icon10.png"></div>
                            <div>
                                <span>监控</span>
                                <span>天数</span>
                            </div>
                            <div></div>
                        </div>
                        <div class="index-top-item-center">
                            <img src="../static/img/images/icon20.png">
                        </div>
                    </div>
                    <div class="left-index-mid animation-from-left">
                        <div class="main-tit">
                            <img src="../static/img/images/icon5.png">
                            近30天动火申请排名
                        </div>
                        <div class="left-index-mid-con">
                        </div>
                    </div>
                    <div class="left-index-bottom animation-from-left">
                        <div class="main-tit">
                            <img src="../static/img/images/icon6.png">
                            近7天动火申请折线图
                        </div>
                        <div id="left-index-bottom-chart" class="left-index-bottom-chart">
                        </div>
                    </div>
                </div>
                <div class="viewbox-left-site viewbox-left-box hidden-view">
                    <div class="left-site-list viewbox-left-site-box animation-from-left">
                        <div class="left-site-list-search">
                            <input type="text" placeholder="请输入工地名称">
                            <img src="../static/img/images/icon15.png" id="searchSite">
                        </div>
                        <div class="left-site-list-con">
                            <div class="main-tit">
                                <img src="../static/img/images/icon9.png">
                                <label></label>
                            </div>
                            <div class="left-site-list-body">
                                <ul id="left-site-list-scall">
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="left-site-plan viewbox-left-site-box animation-from-left  hidden-view">
                        <div class="main-tit">
                            <img src="../static/img/images/icon6.png">
                            <label></label>
                        </div>
                        <div class="left-site-plan-chart">
                            <div>
                                <img src="../static/img/images/icon28.png">
                            </div>
                            <div>
                                <img src="../static/img/images/icon29.png">
                                <div>
                                    <span>应急预案</span>
                                    <span id="left-site-plan-count"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="left-site-record viewbox-left-site-box animation-from-left-flip hidden-view">
                        <div class="left-site-record-bottom">
                            <div class="main-tit">
                                <img src="../static/img/images/icon6.png">
                                <label></label>
                            </div>
                            <div class="left-site-record-chart">
                                <div>
                                    <img src="../static/img/images/icon51.png">
                                </div>
                                <div>
                                    <img src="../static/img/images/icon29.png">
                                    <div>
                                        <span>接入天数</span>
                                        <span id="left-site-record-days">共11个</span>
                                    </div>
                                </div>
                            </div>
                            <div class="left-site-record-chart">
                                <div>
                                    <img src="../static/img/images/icon52.png">
                                </div>
                                <div>
                                    <img src="../static/img/images/icon29.png">
                                    <div>
                                        <span>累计动火次数</span>
                                        <span id="left-site-record-count">共11个</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="left-site-record-top">
                            <div class="main-tit">
                                <img src="../static/img/images/icon6.png">
                                <label></label>
                            </div>
                            <div id="left-site-record-top-chart"></div>
                            <div class="left-site-record-top-num">
                                <span></span>
                            </div>
                        </div>
                    </div>
                    <div class="left-site-inspection viewbox-left-site-box animation-from-left-flip hidden-view">
                        <div class="left-site-inspection-top">
                            <div class="main-tit">
                                <img src="../static/img/images/icon6.png">
                                <label></label>
                            </div>
                            <div class="left-site-inspection-top-num">
                                <div>
                                    <img src="../static/img/images/icon30.png">
                                    <div>
                                        动火次数
                                        <span id="left-site-inspection-top-num-fire"></span>
                                    </div>
                                </div>
                                <div>
                                    <img src="../static/img/images/icon31.png">
                                    <div>
                                        巡检次数
                                        <span id="left-site-inspection-top-num-count"></span>
                                    </div>
                                </div>
                            </div>
                            <div id="left-site-inspection-top-chart"></div>
                        </div>
                        <div class="left-site-inspection-bottom">
                            <div class="main-tit">
                                <img src="../static/img/images/icon6.png">
                                <label></label>
                            </div>
                            <div id="left-site-inspection-bottom-chart"></div>
                            <div class="left-site-inspection-bottom-num">
                                <span></span>
                            </div>
                        </div>
                    </div>
                    <div class="left-site-fireeye viewbox-left-site-box hidden-view animation-from-left">
                        <div class="main-tit">
                            <img src="../static/img/images/icon32.png">
                            当前告警信息
                            <span style="color: #fff;font-size: 0.1rem;">
                            </span>
                        </div>
                        <div class="left-site-fireeye-con">
                        </div>
                    </div>
                </div>
                <div class="viewbox-left-approval viewbox-left-box hidden-view">
                    <div class="left-approval-chart animation-from-left">
                        <div class="main-tit">
                            <img src="../static/img/images/icon6.png">
                            接入概况
                        </div>
                        <div class="left-approval-chart-body" id="left-approval-chart">
                            <div class="left-approval-chart-body-chart">
                                <div>
                                    <img src="../static/img/images/icon53.png">
                                </div>
                                <div>
                                    <img src="../static/img/images/icon29.png">
                                    <div>
                                        <span>接入工地</span>
                                        <span id="left-approval-chart-site"></span>
                                    </div>
                                </div>
                            </div>
                            <div class="left-approval-chart-body-chart">
                                <div>
                                    <img src="../static/img/images/icon54.png">
                                </div>
                                <div>
                                    <img src="../static/img/images/icon29.png">
                                    <div>
                                        <span>审批总数</span>
                                        <span id="left-approval-chart-approval"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="viewbox-left-fireeye viewbox-left-box hidden-view">
                    <div class="left-fireeye-top animation-from-left">
                        <div class="main-tit">
                            <img src="../static/img/images/icon13.png">
                            多频谱监测画面
                            <span>
                            </span>
                        </div>
                        <div class="left-fireeye-top-img">
                            <img src="../static/img/images/demo1.png">
                        </div>
                        <div class="left-fireeye-top-msg">
                            <ul>
                            </ul>
                        </div>
                    </div>
                    <div class="left-fireeye-bottom  animation-from-left">
                        <div class="main-tit">
                            <img src="../static/img/images/icon6.png">
                            多频谱监测柱形图
                        </div>
                        <div class="left-fireeye-bottom-chart" id="left-fireeye-bottom-chart">
                        </div>
                    </div>
                </div>
                <div class="viewbox-left-map viewbox-left-box  hidden-view">
                    <div class="left-map-top animation-from-left">
                        <div class="map-top-item">
                            <div> <img src="../static/img/images/icon7.png"></div>
                            <div>
                                <span>接入</span>
                                <span>工地</span>
                            </div>
                            <div></div>
                        </div>
                        <div class="map-top-item">
                            <div> <img src="../static/img/images/icon8.png"></div>
                            <div>
                                <span>动火</span>
                                <span>待审批</span>
                            </div>
                            <div></div>
                        </div>
                        <div class="map-top-item">
                            <div> <img src="../static/img/images/icon9.png"></div>
                            <div>
                                <span>设备</span>
                                <span>总数</span>
                            </div>
                            <div></div>
                        </div>
                        <div class="map-top-item">
                            <div> <img src="../static/img/images/icon10.png"></div>
                            <div>
                                <span>监控</span>
                                <span>天数</span>
                            </div>
                            <div></div>
                        </div>
                        <div class="map-top-item-center">
                            <img src="../static/img/images/icon20.png">
                        </div>
                    </div>
                </div>
            </div>
            <div class="viewbox-mid">
                <div class="viewbox-menu">
					<div class="swiper-container swiper-container2">
						<div class="swiper-wrapper">
							<div class="swiper-slide viewbox-menu-item selected" href="/index" id="menu1">
								<img src="../static/img/images/menu1_sel.png" alt="">
							</div>
							<div class="swiper-slide viewbox-menu-item" href="/site" id="menu2">
								<img src="../static/img/images/menu2.png" alt="">
							</div>
							<div class="swiper-slide viewbox-menu-item" href="/approval" id="menu3">
								<img src="../static/img/images/menu3.png" alt="">
							</div>
							<div class="swiper-slide viewbox-menu-item" href="/fireeye" id="menu4">
								<img src="../static/img/images/menu4.png" alt="">
							</div>
							<div class="swiper-slide viewbox-menu-item" href="/map" id="menu5">
								<img src="../static/img/images/menu5.png" alt="">
							</div>
							<!-- <div class="swiper-slide viewbox-menu-item" href="/FirePM" id="menu6">
								<img src="../static/img/images/menu6.png" alt="">
							</div> -->
							<div class="swiper-slide viewbox-menu-item" href="/politics" id="menu7">
								<img src="../static/img/images/menu7.png" alt="">
							</div>
							<div class="swiper-slide viewbox-menu-item" href="/electricalSafety" id="menu8">
							    <img src="../static/img/images/menu8.png" alt="">
							</div>
							<div class="swiper-slide viewbox-menu-item" href="/yangan" id="menu9">
							    <img src="../static/img/home/menu9.png" alt="">
							</div>
							<div class="swiper-slide viewbox-menu-item" href="/shuixiang" id="menu10">
							    <img src="../static/img/home/menu10.png" alt="">
							</div>
							<div class="swiper-slide viewbox-menu-item" href="/bengshuiya" id="menu11">
							    <img src="../static/img/home/menu11.png" alt="">
							</div>
						</div>
					</div>
					<div class="swiper-button-prev"></div>
					<div class="swiper-button-next"></div>
                </div>
                <!-- 首页地图 -->
                <div class="viewbox-mid-index viewbox-mid-box animation-from-mid">
                    <div class="main-tit" style="margin-left: 0.15rem;">
                        <img src="../static/img/images/icon11.png">
                        地图分布
                    </div>
                    <div class="mid-index-con">
                        <div id="mid-index-con-map"></div>
                    </div>
                    <div class="main-tit" style="margin-left: 0.15rem;">
                        <img src="../static/img/images/icon12.png">
                        告警通知
                    </div>
                    <div class="mid-index-msg">
                    </div>
                </div>
                <!-- 首页地图 -->
                <!-- 工地页 -->
                <div class="viewbox-mid-site viewbox-mid-box hidden-view">
                    <div class="mid-site-street viewbox-mid-site-box  animation-from-mid">
                        <div class="mid-site-street-img">
                            <img src="../static/img/images/sitebg.png" alt="">
                            <div class="street-count" id="street-320113001"></div>
                            <div class="street-count" id="street-320113002"></div>
                            <div class="street-count" id="street-320113005"></div>
                            <div class="street-count" id="street-320113009"></div>
                            <div class="street-count" id="street-320113003"></div>
                            <div class="street-count" id="street-320113004"></div>
                            <div class="street-count" id="street-320113007"></div>
                            <div class="street-count" id="street-320113006"></div>
                            <div class="street-count" id="street-320113010"></div>
                        </div>
                    </div>
                    <div class="mid-site-plan viewbox-mid-site-box hidden-view  animation-from-mid-fade">
                        <div class="main-tit">
                            <img src="../static/img/images/icon6.png">
                            <label></label>
                        </div>
                        <div class="mid-site-plan-list">
                        </div>
                    </div>
					<div class="mid-site-safetyAccount viewbox-mid-site-box hidden-view  animation-from-mid-scale">
					    <div class="main-tit layui-form">
					        <img src="../static/img/images/icon6.png">
					        <label>安全台账</label>
							<select name="fileType" id="fileType" lay-filter="selfilter2" required lay-verify="required">
							    <option value="">请选择文件类型</option>
							    <option value="1">施工现场消防安全管理制度和措施</option>
							    <option value="2">施工现场消防重点部位登记表</option>
							    <option value="3">义务消防人员登记表</option>
							    <option value="4">施工现场消防设施检查验收表</option>
							    <option value="5">灭火器材更新登记表</option>
							</select>
							<!-- <button class="safetySelect"><img src="../static/img/images/icon15.png">查询</button> -->
					    </div>
					    <div class="mid-site-safetyAccount-list">
							<!-- <div class="mid-site-safetyAccount-list hidden-view animation-from-mid-scale">
							</div> -->
							<table id="mid-site-safetyAccount-list"></table>
					    </div>
					</div>
                    <div class="mid-site-record viewbox-mid-site-box hidden-view animation-from-mid-scale">
                        <div class="mid-site-record-tool">
                            <input placeholder="请输入动火原因" type="text">
                            <button><img src="../static/img/images/icon15.png">查询</button>
                        </div>
                        <div class="main-tit">
                            <img src="../static/img/images/icon6.png">
                            <label>苏宁工地1号 — 动火记录</label>
                        </div>
                        <div class="mid-site-record-list">
                            <table id="mid-site-record-list"></table>
                        </div>
                    </div>
                    <div class="mid-site-fireeye viewbox-mid-site-box hidden-view  animation-from-mid-fade">
                        <div class="mid-site-fireeye-search">
                            <div class="main-tit">
                                <img src="../static/img/images/icon6.png">
                                <label></label>
                            </div>
                            <div class="mid-site-fireeye-search-params">
                                <input placeholder="请输入设备名称" type="text" name="" id="">
                                <button><img src="../static/img/images/icon15.png">查询</button>
                            </div>
                        </div>
                        <div class="mid-site-fireeye-list">
                        </div>
                        <div class="mid-site-fireeye-list-page">
                            <div id="mid-site-fireeye-list-page"></div>
                        </div>
                    </div>
                </div>
                <!-- 工地页 -->
                <!-- 审批页 -->
                <div class="viewbox-mid-approval viewbox-mid-box animation-from-mid-flip  hidden-view">
                    <div class="mid-approval-search">
                        <div class="mid-approval-search-params">
                            <input placeholder="请输入工地名称" type="text" name="" id="">
                            <input placeholder="请输入动火原因" type="text" name="" id="">
                            <input placeholder="请输入动火点" type="text" name="" id="">
                            <button><img src="../static/img/images/icon15.png">查询</button>
                        </div>
                        <div class="mid-approval-search-status">
                            <div class="selected" data-type="ALL"><img src="../static/img/images/icon22.png">全部</div>
                            <div class="" data-type="TODO"><img src="../static/img/images/icon23.png">未审批</div>
                            <div class="" data-type="DONE"><img src="../static/img/images/icon24.png">已审批</div>
                        </div>
                    </div>
                    <div class="mid-approval-table">
                        <table id="mid-approval-table"></table>
                    </div>
                </div>
                <!-- 审批页 -->
                <!-- 火眼页 --><!-- 多波段火情预警 -->
                <div class="viewbox-mid-fireeye viewbox-mid-box animation-from-mid-fade  hidden-view">
                    <div class="mid-fireeye-table">
                        <div class="mid-fireeye-table-tool">
                            <div class="selected" data-type="">全部</div>
                            <div class="" data-type="41002"><img src="../static/img/images/icon14.png">告警</div>
                            <div class="" data-type="41000"><img src="../static/img/images/icon26.png">正常</div>
							<div class="" data-type="41001"><img src="../static/img/images/icon26.png">动火中</div>
                            <input placeholder="请输入工地名称" type="text">
                            <input id="fireeye_deviceName" placeholder="请输入设备名称" type="text">
                            <input placeholder="请输入设备编码" type="text">
                            <button><img src="../static/img/images/icon15.png">查询</button>
                        </div>
                        <div class="mid-fireeye-list">
                            <table id="mid-fireeye-list"></table>
                        </div>
                    </div>
                </div>
                <!-- 火眼页 --><!-- 多波段火情预警 -->
                <!-- 地图监测页 -->
                <div class="viewbox-mid-map viewbox-mid-box animation-from-mid-scale  hidden-view">
                    <div id="viewbox-mid-map"></div>
                </div>
                <!-- 地图监测页 -->
				<!-- 政策法规页 -->
				<div class="viewbox-mid-politics viewbox-mid-box animation-from-mid-scale  hidden-view">
				    <div id="viewbox-mid-politics">
						<iframe id="iframe" class="viewbox-mid-politics-iframe" src="https://gf.1190119.com/" width="100%" frameborder="0" scrolling="auto">
							<p>Your browser does not support iframes.</p>
						</iframe>
					</div>
				</div>
				<!-- 政策法规页 -->
				<!-- 电气安全 -->
				<div class="viewbox-mid-electricalSafety viewbox-mid-box animation-from-mid-fade  hidden-view">
				    <div class="mid-electricalSafety-table">
				        <div class="mid-electricalSafety-table-tool">
				            <div class="selected" data-type="">全部</div>
				            <div class="" data-type="16001"><img src="../static/img/images/icon14.png">告警</div>
				            <div class="" data-type="16000"><img src="../static/img/images/icon26.png">正常</div>
				            <!-- <div class="" data-type="16001"><img src="../static/img/images/icon26.png">动火中</div> -->
				            <input placeholder="请输入工地名称" type="text">
				            <input id="electricalSafety_deviceName" placeholder="请输入设备名称" type="text">
				            <input placeholder="请输入设备编码" type="text">
				            <button><img src="../static/img/images/icon15.png">查询</button>
				        </div>
				        <div class="mid-electricalSafety-list">
				            <table id="mid-electricalSafety-list"></table>
				        </div>
				    </div>
				</div>
				<!-- 电气安全 -->
				<!-- 烟感 -->
				<div class="viewbox-mid-yangan viewbox-mid-box animation-from-mid-fade  hidden-view">
				    <div class="mid-yangan-table">
				        <div class="mid-yangan-table-tool">
				            <div class="selected" data-type="">全部</div>
				            <div class="" data-type="2"><img src="../static/img/images/icon14.png">告警</div>
				            <div class="" data-type="1"><img src="../static/img/images/icon26.png">正常</div>
				            <!-- <div class="" data-type="16001"><img src="../static/img/images/icon26.png">动火中</div> -->
				            <input placeholder="请输入工地名称" type="text">
				            <input id="yangan_deviceName" placeholder="请输入设备名称" type="text">
				            <input placeholder="请输入设备编码" type="text">
				            <button><img src="../static/img/images/icon15.png">查询</button>
				        </div>
				        <div class="mid-yangan-list">
				            <table id="mid-yangan-list"></table>
				        </div>
				    </div>
				</div>
				<!-- 烟感 -->
				<!-- 水箱 -->
				<div class="viewbox-mid-shuixiang viewbox-mid-box animation-from-mid-fade  hidden-view">
				    <div class="mid-shuixiang-table">
				        <div class="mid-shuixiang-table-tool">
				            <div class="selected" data-type="">全部</div>
				            <div class="" data-type="2"><img src="../static/img/images/icon14.png">告警</div>
				            <div class="" data-type="1"><img src="../static/img/images/icon26.png">正常</div>
				            <!-- <div class="" data-type="16001"><img src="../static/img/images/icon26.png">动火中</div> -->
				            <input placeholder="请输入工地名称" type="text">
				            <input placeholder="请输入设备名称" type="text">
				            <input placeholder="请输入设备编码" type="text">
				            <button><img src="../static/img/images/icon15.png">查询</button>
				        </div>
				        <div class="mid-shuixiang-list">
				            <table id="mid-shuixiang-list"></table>
				        </div>
				    </div>
				</div>
				<!-- 水箱 -->
				<!-- 泵水压 -->
				<div class="viewbox-mid-bengshuiya viewbox-mid-box animation-from-mid-fade  hidden-view">
				    <div class="mid-bengshuiya-table">
				        <div class="mid-bengshuiya-table-tool">
				            <div class="selected" data-type="">全部</div>
				            <div class="" data-type="2"><img src="../static/img/images/icon14.png">告警</div>
				            <div class="" data-type="1"><img src="../static/img/images/icon26.png">正常</div>
				            <!-- <div class="" data-type="16001"><img src="../static/img/images/icon26.png">动火中</div> -->
				            <input placeholder="请输入工地名称" type="text">
				            <input placeholder="请输入设备名称" type="text">
				            <input placeholder="请输入设备编码" type="text">
				            <button><img src="../static/img/images/icon15.png">查询</button>
				        </div>
				        <div class="mid-bengshuiya-list">
				            <table id="mid-bengshuiya-list"></table>
				        </div>
				    </div>
				</div>
				<!-- 泵水压 -->
            </div>
            <div class="viewbox-right">
                <div class="viewbox-right-index viewbox-right-box">
                    <div class="right-index-top animation-from-right">
                        <div class="main-tit">
                            <img src="../static/img/images/icon13.png">
                            多频谱监测画面
                        </div>
                        <div class="right-index-top-img">
                        </div>
                        <div class="right-index-top-msg">
                            <ul>
                            </ul>
                        </div>
                    </div>
                    <div class="right-index-bottom animation-from-right">
                        <div class="main-tit">
                            <img src="../static/img/images/icon5.png">
                            工地统计
                        </div>
                        <div class="index-bottom-con">
                            <img src="../static/img/images/streetbg.png" alt="">
                            <div class="left-street-count" id="index-street-320113001"></div>
                            <div class="left-street-count" id="index-street-320113002"></div>
                            <div class="left-street-count" id="index-street-320113005"></div>
                            <div class="left-street-count" id="index-street-320113009"></div>
                            <div class="left-street-count" id="index-street-320113003"></div>
                            <div class="left-street-count" id="index-street-320113004"></div>
                            <div class="left-street-count" id="index-street-320113007"></div>
                            <div class="left-street-count" id="index-street-320113006"></div>
                            <div class="left-street-count" id="index-street-320113010"></div>
                        </div>
                    </div>
                </div>
                <div class="viewbox-right-site viewbox-right-box  hidden-view">
                    <div class="right-site-top  animation-from-right">
                        <div class="site-top-item" id="site-menu1">
                            <div> <img src="../static/img/images/icon16.png"></div>
                            <div>动火记录</div>
                        </div>
                        <div class="site-top-item" id="site-menu2">
                            <div> <img src="../static/img/images/icon17.png"></div>
                            <div>多频谱监测</div>
                        </div>
                        <div class="site-top-item" id="site-menu3">
                            <div> <img src="../static/img/images/icon18.png"></div>
                            <div>动火巡检</div>
                        </div>
                        <div class="site-top-item" id="site-menu4">
                            <div> <img src="../static/img/images/icon19.png"></div>
                            <div>应急预案</div>
                        </div>
						<div style="width: 100%;" class="site-top-item" id="site-menu5">
						    <div> <img src="../static/img/images/icon19.png"></div>
						    <div>安全台账</div>
						</div>
                    </div>
                    <div class="right-site-bottom  animation-from-right">
                        <div class="main-tit">
                            <img src="../static/img/images/icon6.png">
                            <label></label>
                        </div>
                        <div class="right-site-bottom-msg">
                            <ul>
                                <li>
                                    <div>工地名称：</div>
                                    <span></span>
                                </li>
                                <li>
                                    <div>地址：</div>
                                    <span></span>
                                </li>
                                <li>
                                    <div>施工单位：</div>
                                    <span></span>
                                </li>
                                <li>
                                    <div>负责人：</div>
                                    <span></span>
                                </li>
                                <li>
                                    <div>负责人电话：</div>
                                    <span></span>
                                </li>
                                <li>
                                    <div>所属区域：</div>
                                    <span></span>
                                </li>
                                <li>
                                    <div>状态：</div>
                                    <span></span>
                                </li>
                                <li>
                                    <div>照片：</div>
                                    <span></span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="viewbox-right-approval viewbox-right-box  hidden-view">
                    <div class="right-approval-chart animation-from-right">
                        <div class="main-tit">
                            <img src="../static/img/images/icon6.png">
                            审批总览
                        </div>
                        <div class="right-approval-chart-body" id="right-approval-chart">
                            <div class="left-approval-chart-body-chart">
                                <div>
                                    <img src="../static/img/images/icon55.png">
                                </div>
                                <div>
                                    <img src="../static/img/images/icon29.png">
                                    <div>
                                        <span>已审批总数</span>
                                        <span id="left-approval-chart-em"></span>
                                    </div>
                                </div>
                            </div>
                            <div class="left-approval-chart-body-chart">
                                <div>
                                    <img src="../static/img/images/icon56.png">
                                </div>
                                <div>
                                    <img src="../static/img/images/icon29.png">
                                    <div>
                                        <span>待审批总数</span>
                                        <span id="left-approval-chart-al"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="viewbox-right-fireeye viewbox-right-box hidden-view">
                    <div class="right-fireeye-list animation-from-right">
                        <div class="main-tit">
                            <img src="../static/img/images/icon12.png">
                            告警通知
                        </div>
                        <div class="right-fireeye-list-tit">
                            <div style="flex: 1;"></div>
                            <div style="flex: 2;">工地名称</div>
                            <div style="flex: 2;">动火点</div>
                            <div style="flex: 1;">状态</div>
                            <div style="flex: 3;">时间</div>
                        </div>
                        <div class="right-fireeye-list-table">
                            <ul>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="viewbox-right-map viewbox-right-box  hidden-view">
                    <div class="right-map-list animation-from-right">
                        <div class="main-tit">
                            <img src="../static/img/images/icon12.png">
                            告警通知
                        </div>
                        <div class="right-map-list-tit">
                            <div style="flex: 1;"></div>
                            <div style="flex: 2;">工地名称</div>
                            <div style="flex: 2;">动火点</div>
                            <div style="flex: 1;">状态</div>
                            <div style="flex: 3;">时间</div>
                        </div>
                        <div class="right-map-list-table">
                            <ul>
                                <li>
                                    <div style="flex: 1;">
                                        <img src="../static/img/images/icon14.png">
                                    </div>
                                    <div style="flex: 2;">苏宁工地</div>
                                    <div style="flex: 2;">三层室内走廊</div>
                                    <div style="flex: 1;">正常</div>
                                    <div style="flex: 3;">01-23 10:39:42</div>
                                </li>
                                <li>
                                    <div style="flex: 1;">
                                        <img src="../static/img/images/icon14.png">
                                    </div>
                                    <div style="flex: 2;">苏宁工地</div>
                                    <div style="flex: 2;">三层室内走廊</div>
                                    <div style="flex: 1;">正常</div>
                                    <div style="flex: 3;">01-23 10:39:42</div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="details-box details-fire-record">
            <div class="main-tit">
                <img src="../static/img/images/icon33.png">
                详情
                <div onclick="$('.details-box').hide();">
                    ✕ 关闭
                </div>
            </div>
            <div class="details-fire-record-body">
                <ul>
                </ul>
            </div>
        </div>
        <div class="details-box details-inspection">
            <div class="main-tit">
                <img src="../static/img/images/icon33.png">
                详情
                <div onclick="$('.details-box').hide();">
                    ✕ 关闭
                </div>
            </div>
            <div class="details-inspection-body">
                <ul>
                </ul>
            </div>
        </div>
        <div class="details-box details-inspection-record">
            <div class="main-tit">
                <img src="../static/img/images/icon33.png">
                详情
                <div onclick="$('.details-box').hide();">
                    ✕ 关闭
                </div>
            </div>
            <div class="details-inspection-record-body">
            </div>
            <div id="details-inspection-record-page"></div>
        </div>
        <div class="details-box details-fireeye">
            <div class="main-tit">
				<img src="../static/img/images/icon33.png">
				详情
                <div onclick="$('.details-box').hide();">
                    ✕ 关闭
                </div>
            </div>
            <div class="details-fireeye-body">
                <ul>
                </ul>
				<!-- <table style="display: none;" id="multibandfire-table-history"></table> -->
            </div>
        </div>
        <div class="details-box details-fireeye-warn-record">
            <div class="main-tit">
                <img src="../static/img/images/icon33.png">
                告警记录
                <div onclick="$('.details-box').hide();">
                    ✕ 关闭
                </div>
            </div>
            <div class="details-fireeye-warn-record-body">
            </div>
            <div id="details-fireeye-warn-record-page"></div>
        </div>
        <div class="details-box details-fire-approval">
            <div class="main-tit">
                <img src="../static/img/images/icon33.png">
                详情
                <div onclick="$('.details-box').hide();">
                    ✕ 关闭
                </div>
            </div>
            <div class="details-fire-approval-body">
                <ul>
                </ul>
            </div>
        </div>
		<!-- 电气安全详情弹框 -->
		<div style="width: 90%;height: 5.5rem;" class="details-box details-electricalSafety">
		    <div class="main-tit">
				<div class="maint-tabBox">
					<div data-index="1" class="maintt-item maintt-item-sel electricalSafety_tab border-r-line">
						<img src="../static/img/images/icon33.png">
						详情
					</div>
					<div data-index="2" class="maintt-item electricalSafety_tab">
						<img src="../static/img/images/icon33.png">
						历史记录
					</div>
				</div>
		        <div onclick="$('.details-box').hide();">
		            ✕ 关闭
		        </div>
		    </div>
		    <div class="details-electricalSafety-body">
		        <ul style="display: flex;justify-content: flex-start;flex-direction: inherit;">
					<!-- <li class="detail-basic">
						<div class="detail_title">基本详情</div>
						<div class="detail_content">
							<div class="detail_item">
								<span class="detail_item_name">地址：</span>
								<span class="detail_item_value">2125</span>
							</div>
						</div>
					</li>
					<li class="detail-basic">
						<div class="detail_title">其他信息</div>
						<div class="detail_content">
							<div class="detail_item">
								<span class="detail_item_name">地址：</span>
								<span class="detail_item_value">2125</span>
							</div>
						</div>
					</li> -->
		        </ul>
				<div class="echartBox" style="width: 40%;height: 4rem;margin-top: 1.3rem;" id="echartBox_electricalSafety"></div>
		    </div>
			<div style="display: none;"  class="electricalSafety-table-history">
				<table id="electricalSafety-table-history"></table>
			</div>
		</div>
		<!-- 电气安全历史详情弹框 -->
		<div style="width: 90%;height: 5.5rem; display: none;" class="details-box details-electricalSafety_history">
		    <div class="main-tit">
				<div class="maint-tabBox">
					<div class="maintt-item maintt-item-sel" style="padding: 0;">
						<img src="../static/img/images/icon33.png">
						详情
					</div>
				</div>
		        <div onclick="$('.details-electricalSafety_history').hide();">
		            ✕ 关闭
		        </div>
		    </div>
		    <div class="details-electricalSafety_history-body">
		        <ul style="display: flex;justify-content: flex-start;flex-direction: inherit;">
					<!-- <li class="detail-basic">
						<div class="detail_title">基本详情</div>
						<div class="detail_content">
							<div class="detail_item">
								<span class="detail_item_name">地址：</span>
								<span class="detail_item_value">2125</span>
							</div>
						</div>
					</li>
					<li class="detail-basic">
						<div class="detail_title">其他信息</div>
						<div class="detail_content">
							<div class="detail_item">
								<span class="detail_item_name">地址：</span>
								<span class="detail_item_value">2125</span>
							</div>
						</div>
					</li> -->
		        </ul>
		    </div>
		</div>
		<!-- 烟感 -->
		<!-- <div class="details-box details-yangan">
		    <div class="main-tit">
		        <img src="../static/img/images/icon33.png">
		        详情
		        <div onclick="$('.details-yangan').hide();">
		            ✕ 关闭
		        </div>
		    </div>
		    <div class="details-yangan-body">
		        <ul>
		        </ul>
		    </div>
		</div> -->
		<div style="width: 90%;height: 5.5rem;" class="details-box details-yangan">
		    <div class="main-tit">
				<div class="maint-tabBox">
					<div data-index="1" class="maintt-item maintt-item-sel yangan_tab border-r-line">
						<img src="../static/img/images/icon33.png">
						详情
					</div>
					<div data-index="2" class="maintt-item yangan_tab">
						<img src="../static/img/images/icon33.png">
						历史记录
					</div>
				</div>
		        <div onclick="$('.details-box').hide();">
		            ✕ 关闭
		        </div>
		    </div>
		    <div class="details-yangan-body">
		        <ul style="display: flex;justify-content: flex-start;flex-direction: inherit;">
		        </ul>
		    </div>
			<div style="display: none;"  class="yangan-table-history">
				<table id="yangan-table-history"></table>
			</div>
		</div>
		<!-- 水箱 -->
		<!-- <div class="details-box details-shuixiang">
		    <div class="main-tit">
		        <img src="../static/img/images/icon33.png">
		        详情
		        <div onclick="$('.details-shuixiang').hide();">
		            ✕ 关闭
		        </div>
		    </div>
		    <div class="details-shuixiang-body">
		        <ul>
		        </ul>
		    </div>
		</div> -->
		<div style="width: 90%;height: 5.5rem;" class="details-box details-shuixiang">
		    <div class="main-tit">
				<div class="maint-tabBox">
					<div data-index="1" class="maintt-item maintt-item-sel shuixiang_tab border-r-line">
						<img src="../static/img/images/icon33.png">
						详情
					</div>
					<div data-index="2" class="maintt-item shuixiang_tab">
						<img src="../static/img/images/icon33.png">
						历史记录
					</div>
				</div>
		        <div onclick="$('.details-box').hide();">
		            ✕ 关闭
		        </div>
		    </div>
		    <div class="details-shuixiang-body">
		        <ul style="display: flex;justify-content: flex-start;">
		        </ul>
				<div class="echartBox" id="echartBox_shuixiang"></div>
		    </div>
			<div style="display: none;"  class="shuixiang-table-history">
				<table id="shuixiang-table-history"></table>
			</div>
		</div>
		<!-- 泵水压 -->
		<!-- <div class="details-box details-bengshuiya">
		    <div class="main-tit">
		        <img src="../static/img/images/icon33.png">
		        详情
		        <div onclick="$('.details-bengshuiya').hide();">
		            ✕ 关闭
		        </div>
		    </div>
		    <div class="details-bengshuiya-body">
		        <ul>
		        </ul>
		    </div>
		</div> -->
		<div style="width: 90%;height: 5.5rem;" class="details-box details-bengshuiya">
		    <div class="main-tit">
				<div class="maint-tabBox">
					<div data-index="1" class="maintt-item maintt-item-sel bengshuiya_tab border-r-line">
						<img src="../static/img/images/icon33.png">
						详情
					</div>
					<div data-index="2" class="maintt-item bengshuiya_tab">
						<img src="../static/img/images/icon33.png">
						历史记录
					</div>
				</div>
		        <div onclick="$('.details-box').hide();">
		            ✕ 关闭
		        </div>
		    </div>
		    <div class="details-bengshuiya-body">
		        <ul style="display: flex;justify-content: flex-start;">
		        </ul>
				<div class="echartBox" id="echartBox_bengshuiya"></div>
		    </div>
			<div style="display: none;"  class="bengshuiya-table-history">
				<table id="bengshuiya-table-history"></table>
			</div>
		</div>
    </div>
    <script type="text/javascript" src="../static/js/common/jquery.min.js"></script>
    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=6125416e635535d089ac5150ae8ebe04&plugin=Map3D,AMap.DistrictSearch,AMap.Scale,AMap.Driving"></script>
    <!-- UI组件库 1.0 -->
    <script src="https://webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
    <script src="https://a.amap.com/jsapi_demos/static/demo-center/js/demoutils.js"></script>
    <script type="text/javascript" src="../static/js/biz/app.js"></script>
    <script type="text/javascript" src="../static/js/common/echarts.min.js"></script>
    <script type="text/javascript" src="../static/js/common/swiper.min.js"></script>
	<!-- <script type="text/javascript" src="../static/js/common/swiper-bundle.min.js"></script> -->
    <script type="text/javascript" src="../static/js/layui/layui.all.js"></script>
    <script type="text/javascript" src="../static/js/common/curtime.js"></script>
    <script type="text/javascript" src="../static/js/biz/index.js"></script>
    <script type="text/javascript" src="../static/js/biz/route.js"></script>
	<!-- <audio id="myaudio">
		<source src="../static/video/fire.mp3" type="audio/mpeg">
		<source src="../static/video/fire.ogg" type="audio/ogg">
		您的浏览器不支持音频标签。
	</audio> -->
</body>

</html>